<!DOCTYPE html>
<!-- saved from url=(0053)https://getbootstrap.com/docs/4.1/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link rel="icon" href="https://getbootstrap.com/favicon.ico" />

    <title>Dashboard Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="./Dashboard_files/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />

    <!-- Custom styles for this template -->
    <link href="./Dashboard_files/dashboard.css" th:href="@{/css/dashboard.css}" rel="stylesheet" />
    <style type="text/css">/* Chart.js */
    @-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}</style></head>

<body th:inline="text">
<!--引入抽取的topbar-->
<!--模板名会使用thymeleaf的规则-->
<div th:replace="commons/bar::topbar"></div>
<div class="container-fluid">
    <div class="row">
        <!--引入侧边栏-->
        <div th:replace="commons/bar::sidebar(activeUri='warehouse')"></div>

        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
            <form th:action="@{/warehouse/add}" method="post">
                <!--发送put请求-->
                <!--1.SpringMVC配置HiddenHttpMethodFilter
                    2.页面创建一个post表单
                    3.创建一个 input name_method 值就是我们请求的方式-->
<!--                <input type="hidden" name="_method" value="put" >-->

<!--                <input type="hidden" name="id" >-->
                <!-- LastName -->
<!--                <div class="form-group">-->
<!--                    <label for="id">id</label>-->
<!--                    <input type="text" class="form-control" id="id" hidden name="id" placeholder="id" >-->
<!--                </div>-->
                <div class="form-group">
                    <label for="brand">品牌</label>
                    <input type="text" class="form-control" id="brand"  name="brand" placeholder="brand">
                </div>
                <div class="form-group">
                    <label for="name">名称</label>
                    <input type="text" class="form-control" id="name"  name="name" placeholder="name">
                </div>
                <div class="form-group">
                    <label for="batchVersion">批次</label>
                    <input type="text" class="form-control" id="batchVersion"  name="batchVersion" placeholder="batchVersion">
                </div>
                <div class="form-group">
                    <label for="expireDate">过期时间</label>
                    <input type="datetime-local" class="form-control" step="01" id="expireDate"  name="expireDate" placeholder="expireDate">
                </div>
                <div class="form-group">
                    <label for="inDate">入库时间</label>
                    <input type="datetime-local" class="form-control" step="01" id="inDate"  name="inDate" placeholder="inDate">
                </div>
                <div class="form-group">
                    <label for="outDate">出库时间</label>
                    <input type="datetime-local"  class="form-control" step="01" id="outDate"  name="outDate" placeholder="outDate">
                </div>
                <button type="submit" class="btn btn-primary">添 加</button>
            </form>
        </main>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./Dashboard_files/jquery-3.3.1.slim.min.js" th:src="@{/js/jquery-3.3.1.slim.min.js}" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="./Dashboard_files/popper.min.js" th:src="@{/js/popper.min.js}"></script>
<script src="./Dashboard_files/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>

<!-- Icons -->
<script src="./Dashboard_files/feather.min.js" th:src="@{/static/js/feather.min.js}"></script>
<script>
    feather.replace()
</script>

<script>
    $(".deleteBtn").click(function () {
        $("#deleteEmpForm").attr("action",$(this).attr("del_uri")).submit();

    })
</script>

</body></html>